<template>
    <div>

    </div>
</template>

<script>
  import axios from "axios"
  export default {
    name: 'HelloWorld',
    data(){
      return{}
    },
    async mounted(){
      //代表的是以前一后发两个请求
      /*const body = await axios.get("/repos/betterDamu/sh_200318/issues",{
        baseURL:"https://api.github.com"
      })

      const body2 = await axios.get("/search/users",{
        baseURL:"https://api.github.com",
        //请求配置中的params 其实代表的是query
        params:{
          q:"damu"
        }
      })
      console.log(body,body2);*/


      //同时发两个请求 通过Promise.all
      /*Promise.all([promise1,promise2])
      返回的还是一个promise 这个promise持有的值是promise1,promise2的值所组成的数组*/
      /*const body = await Promise.all([axios.get("/search/users",{
        baseURL:"https://api.github.com",
        params:{
          q:"zdy"
        }
      }),axios.get("/search/users",{
        baseURL:"https://api.github.com",
        //请求配置中的params 其实代表的是query
        params:{
          q:"damu"
        }
      })])
      console.log(body);*/

      //同时发两个请求 通过axios.all & axios.spread
      axios.all([axios.get("/search/users",{
        baseURL:"https://api.github.com",
        params:{
          q:"zdy"
        }
      }),axios.get("/search/users",{
        baseURL:"https://api.github.com",
        //请求配置中的params 其实代表的是query
        params:{
          q:"damu"
        }
      })]).then(axios.spread(function (a, b) {
          // 两个请求现在都执行完成
          console.log(a, b)
      }));

    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
